<form action="{$request->url()}" data-auto="true" method="post" class='layui-form layui-card'>

    <div class="layui-card-body padding-left-40">

        <label class="layui-form-item relative block">
            <span class="help-label"><b>开放平台账号</b>AppID</span>
            <input name="service.component_appid" required pattern="^.{18}$" maxlength="18" placeholder="请输入18位开放平台服务AppID" value="{:sysconf('service.component_appid')}" class="layui-input">
            <span class="help-block">开放平台账号 AppID，需要在微信开放平台获取</span>
        </label>

        <label class="layui-form-item relative block">
            <span class="help-label"><b>开放平台密钥</b>AppSecret</span>
            <input name="service.component_appsecret" required pattern="^.{32}$" maxlength="32" placeholder="请输入32位开放平台服务AppSecret" value="{:sysconf('service.component_appsecret')}" class="layui-input">
            <span class="help-block">开放平台密钥 AppSecret，需要在微信开放平台获取</span>
        </label>

        <label class="layui-form-item relative block">
            <span class="help-label"><b>开放平台消息校验</b>Token</span>
            <input name="service.component_token" required placeholder="请输入开放平台消息校验TOKEN" value="{:sysconf('service.component_token')}" class="layui-input">
            <span class="help-block">开发者在代替微信接收到消息时，用此 TOKEN 来校验消息</span>
        </label>

        <label class="layui-form-item relative block">
            <span class="help-label"><b>开放平台消息加解密</b>AesKey</span>
            <input name="service.component_encodingaeskey" required pattern="^.{43}$" maxlength="43" placeholder="请输入43位开放平台消息加解密Key" value="{:sysconf('service.component_encodingaeskey')}" class="layui-input">
            <span class="help-block">在代替微信收发消息时使用，必须是长度为43位字母和数字组合的字符串</span>
        </label>

    </div>

    <div class="hr-line-dashed"></div>

    <div class="layui-form-item text-center">
        <button class="layui-btn" type='submit'>保存数据</button>
        <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消编辑吗？" data-close>取消编辑</button>
    </div>
</form>